<template>
  <div class="credits app-container">
    <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
      <el-tab-pane label="全部" name="0"><List :active="activeName"></List></el-tab-pane>
      <el-tab-pane label="待初审" name="1"><List :active="activeName" v-if="activeName == '1'"></List></el-tab-pane>
      <el-tab-pane label="已通过" name="2"><List :active="activeName" v-if="activeName == '2'"></List></el-tab-pane>
      <el-tab-pane label="已终止" name="3"><List :active="activeName" v-if="activeName == '3'"></List></el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup>
import { ref } from "vue";
import List from "./list";

const activeName = ref("0");

const handleClick = (tab, event) => {
  // console.log(tab, event);
  console.log(activeName.value, "788787");
};
</script>
<style>
.demo-tabs > .el-tabs__content {
  color: #6b778c;
  font-size: 32px;
  /* font-weight: 600; */
}
</style>
